<template>
  <div class="water-chart-02 chart" ref="waterChart02"></div>
</template>

<script setup>
import { ref, onMounted, inject } from "vue";

const waterChart02 = ref(null);
const echarts = inject("$echarts");
import "echarts-liquidfill";

const option = {
  compCode: 'C202309035',
  series: [
    {
      type: 'liquidFill',
      data: [0.6, 0.5, 0.4, 0.3],
    },
  ],
};

onMounted(() => {
  const chart = echarts.init(waterChart02.value);
  chart.setOption(option);
});
</script>

<style scoped></style>
